﻿/********************************************************
* 通用定义，可组合使用
********************************************************/

/* Margin 快捷方式 */
.m0{margin: 0;}
.m5{margin: 5px;}
.m10{margin: 10px;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}

/* Padding 快捷方式 */
.p0{padding: 0;}
.p5{padding: 5px;}
.p10{padding: 10px;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}

/* 对齐&浮动 */
.left {text-align: left;}
.right {text-align: right;}
.center{text-align: center;}
.mc {margin:0 auto;}
.vc {vertical-align: middle;}
.vt {vertical-align: top;}

.clearfix:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;max-height:0;overflow:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;zoom:1;overflow: hidden;}
.clearfix{display:block;}

.fleft, .fl {float:left; display: inline;}
.fright, .fr {float:right; display: inline;}
.clear{clear: both;}
.psfix{ position:relative;}
.hand {cursor : pointer;}
.fix{table-layout: fixed;}
.tdfix{word-wrap : break-word ;word-break:break-all;}

/*Width*/
.w25{width: 25px;}
.w30{width: 30px;}
.w40{width: 40px;}
.w50{width: 50px;}
.w60{width: 60px;}
.w70{width: 70px;}
.w80{width: 80px;}
.w90{width: 90px;}
.w100{width: 100px;}
.w120{width: 120px;}
.w150{width: 150px;}
.w170{width: 170px;}
.w200{width: 200px;}
.w250{width: 250px;}
.w300{width: 300px;}
.w350{width: 350px;}
.w400{width: 400px;}
.w450{width: 450px;}
.w500{width: 500px;}
.w730{width: 730px;}
.w30b{width: 30%;}
.w50b{width: 50%;}
.w70b{width: 70%;}
.w80b{width: 80%;}
.w98b{width: 98%;}
.w100b{width: 100%;}

/* 颜色 */
.white, .white td, .white th{ background:#FFF;}
.blue, .blue td, .blue th{ background:#E8F5FE;}
.green, .green td, .green th{ background:#F2FDDB;}
.pink, .pink td, .pink th{ background:#FFE7F4;}
.yellow, .yellow td, .yellow th{ background:#FFFFDD;}
.grey, .grey td, .grey th{ background:#F7F7F7;}
.red, .red td, .red th{ background:#FFEEEE;}
.highlight {background:#ff0;}

/* 字体颜色 */
.fblue{color: #009;}
.fgreen{color: #060;}
.fpink{color: #f09;}
.fyellow{color: #ee0;}
.fgrey{color: #666;}
.fred, a.fred {color: #c00;}
.fwhite{color: #fff;}

/*** 字体效果 ***/
strong, .fb,  a.fb{font-weight: bolder;}
.text { font-weight: normal; font-size: 14px; line-height:1.875em;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.skip{position: absolute;left: -999em;}
.hide,.none {display:none;}
.view,.block {display:block;}
.note {font-size:.9em; color: #aaa; line-height: 1.8em; }

/* 超出省略号 需定宽 */
.stringcut li { white-space:nowrap; text-overflow:ellipsis; overflow: hidden;}
.w192 li{width: 192px;}

/* 图片效果 */
img.bline { padding:3px; border:1px solid #ddd;}

/* 提示框 */
.errorBar, .noticeBar, .successBar {padding: 10px; margin-bottom: 10px; border:1px solid #ddd;}
.errorBar {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.noticeBar {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.successBar {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.poperrorBar a {color:#8a1f11; background:none; padding:0; margin:0; }
.noticeBar a {color:#514721; background:none; padding:0; margin:0; }
.successBar a {color:#264409; background:none; padding:0; margin:0; }

/* 标题框 */
.boxtitle_blue, .boxtitle_green, .boxtitle_pink, .boxtitle_yellow, .boxtitle_grey {margin-top:10px;padding:5px 10px;border:1px solid #ddd;font-weight: bold;color:#333;}
.box_blue, .box_green, .box_pink, .box_yellow, .box_grey{zoom:1;}

.boxtitle_blue{ background:#E8F5FE;border-color:#A9C9E2;}
.boxtitle_green{ background:#F2FDDB;border-color:#A5CF3D;}
.boxtitle_pink{ background:#FFE7F4;border-color:#F9B3D5;}
.boxtitle_yellow{ background:#FFFFDD;border-color:#E9DC8E;}
.boxtitle_grey{ background:#F7F7F7;border-color:#D5D5D5;}
.boxtitle_red{ background:#FFEEEE;border-color:#CA0000;}

.box_blue{ border:1px solid #A9C9E2;}
.box_green{ border:1px solid #A5CF3D;}
.box_pink{ border:1px solid #F9B3D5;}
.box_yellow{ border:1px solid #E9DC8E;}
.box_grey{ border:1px solid #D5D5D5;}
.box_red{ border:1px solid #CA0000;}

/* 边线 */
.notop{ border-top: none;}
.linel {border-left:1px solid #eee;}
.liner {border-right:1px solid #eee;}
.linedot{ background:url(line.gif) repeat-x bottom;}
